{% extends "basex.html" %}

{% block topbuttons %}
    <a href="javascript:javascript:history.go(-1)"
       data-icon="arrow-l"
       data-iconpos="notext">Назад</a>
    <a href="/?rnd={{ rnd }}"
       data-icon="home"
       data-iconpos="notext">Домой</a>
{% endblock %}

{% block collaps %}
    <h1>О Дереве решений</h1>
    <br>
    <div class="help">
        <b>Дерево решений</b> это новый инструмент для коллективного решения задач, которые слишком сложны для одного человека или небольшой группы.
        <br><br>Ты можешь добавить <b>шаг</b>, который, возможно, ведёт к решению. Кто-то другой может сделать <b>следующий шаг</b> после твоего. Из одного <b>шага</b> может быть много вариантов <b>следующего шага</b>.
        <br><br>Таким образом создаётся дерево шагов, некоторые ветки которого ведут к правильным <b>решениям</b>.
    </div>
{% endblock %}

{% block content %}
    <br>
    <h2 style="margin-top: 0px;margin-bottom: 4px;">Путь решения</h2>
    <div class="tip">Задача:
        <a href="/tree?id={{ quest.key }}&node={{ quest.key }}&rnd={{ rnd }}">Переход</a>
        {% if quest.childs > 1 %}
            <font color="black">
                {% include "num" with n=quest.childs word="веток" sing="ветка" word2="ветки" %}
            </font>
        {% endif %}
    </div>
    <div class="quest">{{ quest.text|linebreaksbr }}</div>
    <br>
    <div class="indent">
        {% if way %}
            {% for node in way %}
                <div class="tip" style="margin-top: 9px; margin-bottom: 5px;">
                    {% if forloop.first %}
                        Сначала
                    {% else %}
                        потом
                    {% endif %}
                </div>
                <div class="tip">
                    <a href="/tree?id={{ quest.key }}&node={{ node.key }}&rnd={{ rnd }}">Переход</a>
                    {% if node.childs > 1 %}<font color="black">{% include "num" with n=node.childs word="веток" sing="ветка" word2="ветки" %}{% endif %}
                    {% if node.like %}Хорошо <font color="#377de6">{{ node.like }}%</font>&nbsp;&nbsp;{% endif %}
                    {% if node.bad %}Плохо <font color="Red">{{ node.bad }}%</font>&nbsp;&nbsp;{% endif %}
                    {% include "num" with n=node.imps word="мнений" sing="мнение" word2="мнения" %}
                </div>
                <div class="state">{{ node.text|linebreaksbr }}</div>
            {% endfor %}
            <br><br>
        {% else %}
            <h1><font color="grey">Нет шагов решения</font></h1><br>
        {% endif %}

        <form action="/add?type=node&id={{ quest.key }}&previous={% if node %}{{ node.key }}{% else %}{{ quest.key }}{% endif %}&rnd={{ rnd }}"
              method="post">
            <b>Добавить следующий шаг:</b>
            <textarea name="text" rows="7" cols="60"></textarea><br>
            <input type="submit"
                   value="Добавить шаг"
                   data-theme="b"
                   data-inline="true"
                   data-icon="check">
        </form>
    </div>
{% endblock %}